<body style="overflow:hidden" class="blab bgcolor_overal body_extra">


<link rel="stylesheet" href="static/jquery-ui/jquery-ui.css">
<script src="static/jquery.min.js"></script>
<script src="static/jquery-ui/jquery-ui.js"></script>
<!-- <link rel="stylesheet" href="/resources/demos/style.css"> -->

<style>
#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
body {
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 62.5%;
}
</style>
<script>
$(function() {
// $( "#selectable" ).selectable();
$( "#accordion" ).accordion();
});
</script>

<div id="bd" style="position:absolute;top:0px;left:0px;width:100%;height:100%">

<div id="debug" style="position:absolute;font-size:8pt;top:5px;left:5px;background-color:#fff;color:#000"></div>

<div class="bgcolor_panel_content">
<div style="height:25px">&nbsp;在该页面选择room (战役--世界)</div>
<!-- <ol id="selectable">
  <li class="ui-widget-content">Item 1</li>
  <li class="ui-widget-content">Item 2</li>
  <li class="ui-widget-content">Item 3</li>
  <li class="ui-widget-content">Item 4</li>
  <li class="ui-widget-content">Item 5</li>
  <li class="ui-widget-content">Item 6</li>
  <li class="ui-widget-content">Item 7</li>
<?php 
	// for ($i=0; $i < 16; $i++) { 
	// 	$tt = ($i+1).'&nbsp;房间基本信息介绍……';
	// 	echo '<li class="ui-widget-content">Room #'.$tt.'</li>'.PHP_EOL;
	// }
?>
</ol> -->


<div id="accordion">
<!-- 	<h3>First</h3>
	<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
	<h3>Second</h3>
	<div>Phasellus mattis tincidunt nibh.</div>
	<h3>Third</h3>
	<div>Nam dui erat, auctor a, dignissim quis.</div> -->
<?php 
	for ($i=0; $i < 16; $i++) { 
		$id=$i+1;
		$titl='<h3>Room #'.$id.'</h3>';
		$tmpSrc = '<div>&nbsp;房间基本信息介绍……如果你是一位英明的城主，那么我们为你提供家园，城堡，怪物和无尽的地下城。你需要带领勇士们深入无人之处冒险，作为一个英雄，满载而归或者死去，无论如何，你都将在此找到你生存的目的，我们不会告诉你你应该如何去做，这一切都必须你自己去完成，我们只为你提供必要的资源，以及希望！祝你们好运!<a href="blab.php?room_id='.$id.'&channel_id=1" target="sc_room">join room #'.$id.'</a></div>';
		echo $titl.PHP_EOL.$tmpSrc.PHP_EOL;
	}
?>
</div>

<div style="height:25px">&nbsp;</div>
</div>

</div>
<?php echo site_foot_html(); ?>
</body></html>